<template>
	<div class="dynamicState">
		<div class="dynamicNav">
			<DynamicNav :navTitle="navTitle"/>
		</div>
	
		<div class="dynamicBody">
			<div>
				<router-link to="dynaComment">
					<Message :getDynamicState="messageData.comment"/>
				</router-link>
				<b></b>
				
				<router-link to="privateLetter">
					<Message :getDynamicState="messageData.letter"/>
				</router-link>
				<b></b>
				<router-link to="guanZhu">
					<Message :getDynamicState="messageData.attention"/>
				</router-link>
				
			</div>
			
		</div>
		
		<div class='historyDiv'>
			<router-link to="boFang">
				<Message :getDynamicState="messageData.radioHistory"/>
			</router-link>
			
			<b></b>
			<Message :getDynamicState="messageData.richScan"/>
		</div>
		
		<div class='system'>
			<router-link to="systemInfo">
				<Message :getDynamicState="messageData.systemMessages"/>
			</router-link>

		</div>
		  <BottomNav />
	</div>
	
</template>

<script>
	import DynamicNav from '../dynamicPublic/dynamicNav'
	import Message from "../dynamicPublic/message"
	import BottomNav from "../../public/bottomNav"
	export default {
		name:"dynamicState",
		components:{
		  DynamicNav,
		  Message,
		  BottomNav
		},
		data(){
			return{
				flag:true,
				navTitle:"动态",
				messageData:{
				    comment:{
						messageTitle:"评论",
						messageImg:require("../../../assets/images/dynamicState/36/dynamic_comment_icon.png")
					},
					letter:{
						messageTitle:"私信",
						messageImg:require("../../../assets/images/dynamicState/36/dynamic_msg_icon.png")
					},
					attention:{
						messageTitle:"关注",
						messageImg:require("../../../assets/images/dynamicState/36/dynamic_attention_icon.png")
					},
					radioHistory:{
						messageTitle:"播放历史",
						messageImg:require("../../../assets/images/dynamicState/36/dynamic_history_icon.png")
					},
					richScan :{
						messageTitle:"扫一扫",
						messageImg:require("../../../assets/images/dynamicState/36/dynamic_scan_icon.png")
					},
					systemMessages:{
						messageTitle:"系统消息",
						messageImg:require("../../../assets/images/dynamicState/36/dynamic_sys_icon.png")
					}
					
				}
				
			}
		}
		
	}
</script>

<style scoped lang="less">
  @current:100rem;
  .dynamicState{
  	overflow:hidden;
  	background:#f2eef9;
  	height:1140/100rem;
  }
	.dynamicBody{
		width:100%;
		margin-top:121/@current;
		background:white;
		border-top:2/@current solid #d7d2e0;
		border-bottom:2/@current solid #d7d2e0;
		position:relative;
	}
	
	div b{
		width:600/@current;
		display:inline-block;
		height:2/@current;
		margin-left:20/@current;
		background-color:#d7d2e0;
		z-index:22
	}
	div b:nth-of-type(1){
		position:absolute;
		top:90/@current;
	}
	div b:nth-of-type(2){
		position:absolute;
		top:180/@current;
	}
	.historyDiv{
		margin-top:40/@current;
		position:relative;
	}
	.system{
		margin-top:40/@current;
		position:relative;
	}
</style>